<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--设置页面编码-->
	<meta name="keywords" content="" /><!--设置关键字-->
	<meta name="description" content="" /><!--描述内容必须十分精简，能够准确描述网站的信息，一般是比较突出的信息--><!--设置描述-->
	<title>我的网站</title>
	<style type="text/css">
	*{
		margin:0px;
		padding:0px;
		font-size: 12px;
	}
	/*下面是布局的样式*/
	.nav{	
		/*设置宽度、高度*/	
		width: 987px;
		/*height: 51px;*/
		padding: 9px 5px 0 8px;
		line-height: 22px;	
		margin: 0 auto;

		/*添加背景*/	
		background:url(nav_bg.gif) no-repeat;
	}
	.nav .navInner{
		width: 987px;
		height: 51px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.nav div{
		float: left;
		padding: 0 6px 0 7px;
		width: 156px;
		text-align: left;	
	}
	
	.nav a {
		margin: 0 4px 0 3px;
	}
	
	/*下面添加a标签的样式*/
	
	.test{
		width: 100%;
		height: 200px;
		background: url(nav.jpg) no-repeat;
	}
	.navInner{
		background-color: #2581c4;
	}
	a{
		text-decoration: none;
		color: white;
	}
	a:hover{
		background-color: #c8e3f4;
		color: #29516b;
	}
	.big{
		font-weight: 700;
	}
	</style>
</head>

<body>
	<div class="test"></div>
	<div class="nav">
		<div class="navInner">
			<!--第一行导航菜单-->
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div style="width:130px;padding:0 6px 0 4px;">
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<!--第二行导航菜单-->
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div>
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
			<div style="width:130px;padding:0 6px 0 4px;">
				<a href="#" target="_blank" class="big">视频</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">视频</a>
			</div>
		</div>
	</div>
</body>
</html>
